<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>地址列表</title>
   
	<link rel="icon" href="data:;base64,=">
	
	<!-- Bootstrap CSS -->
    <link href="resource/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
	
	<!-- 列表 -->
	<div class="container">
		<div class="row">
            <table class="table table-responsive table-hover ">
                <thead>
                    <tr>
                    	<th>时间</th>
                        <th>IP 地址</th>
                        <th>组别</th>
                        <th>经度</th>
                        <th>纬度</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr th:each="funcTrace : ${funcTraces}">
                    	    <td th:text="${funcTrace.operateDateTime}"></td>
                    		<td th:text="${funcTrace.IP}"></td>
                    		<td th:text="${funcTrace.groupID}"></td>
                    		<td th:text="${funcTrace.longitude}"></td>
                    		<td th:text="${funcTrace.latitude}"></td>
                    		<td>
                    			<a th:href="@{'viewFuncTraceLocat.html?pkey='+${funcTrace.pkey}}"><i class="ti-pencil-alt ti-margin"></i>查看地图位置</a>
                    		</td>
                    </tr>
                </tbody>
            </table>
		</div>
	</div>
	
    <!-- jQuery -->
    <script src="resource/bootstrap/js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件 -->
    <script src="resource/bootstrap/js/bootstrap.min.js"></script>
</body>

</html>